<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Extbase Modeling</title>

<link rel="icon" href="wireit/res/favicon.ico" type="image/png" />
<link rel="SHORTCUT ICON" href="wireit/favicon.ico" type="image/png" />

<!-- YUI -->
<link rel="stylesheet" type="text/css" href="wireit/lib/yui/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="wireit/lib/yui/assets/skins/sam/skin.css" />

<!-- InputEx CSS -->
<link type='text/css' rel='stylesheet' href='wireit/lib/inputex/css/inputEx.css' />

<!-- WireIt CSS -->
<link rel="stylesheet" type="text/css" href="wireit/css/WireIt.css" />
<link rel="stylesheet" type="text/css" href="wireit/css/WireItEditor.css" />

<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="extbaseModeling.css" />

<style>


div.WireIt-Container {
	width: 350px; /* Prevent the modules from scratching on the right */
}
div.WireIt-InputExTerminal {
	float: left;
	width: 21px;
	height: 21px;
	position: relative;
}
div.WireIt-InputExTerminal div.WireIt-Terminal {
	top: -3px;
	left: -7px;
}
div.inputEx-Group div.inputEx-label {
	width:100px;
}

div.WireIt-ImageContainer {
	width: auto;
}

div.Bubble div.body {
	width: 70px;
	height: 45px;
	opacity: 0.8;
	cursor: move;
}


.WiringEditor-module span {
	position: relative;
	top: -3px;
}

/*********** CSS code for making the model title inplaceEdit appear as the container title ************/

/*
div.WireIt-Container {
	position: absolute;
}
*/

div.WireIt-Container div.body {
	position: relative;
}


div.extbase-modelTitleEditor {
	position: absolute;
	top: -32px;
	left: 50px;
	color:white;
	cursor:move;
	font-size:10pt;
	font-weight:bold;
	line-height:150%;
	text-align:center;
}
div.WireIt-Container-ddhandle span {
	display: none;
}
div.inputEx-InPlaceEdit-visu:hover {
   background-color: #000000;
}
/*********** End of CSS code for inplaceEdit as container title ************/




</style>

<!-- YUI -->
<script type="text/javascript" src="wireit/lib/yui/utilities/utilities.js"></script>
<script type="text/javascript" src="wireit/lib/yui/resize/resize-min.js"></script>
<script type="text/javascript" src="wireit/lib/yui/layout/layout-min.js"></script>
<script type="text/javascript" src="wireit/lib/yui/container/container-min.js"></script>
<script type="text/javascript" src="wireit/lib/yui/json/json-min.js"></script>
<script type="text/javascript" src="wireit/lib/yui/button/button-min.js"></script>

<!-- YUI-RPC -->
<script type="text/javascript" src="wireit/lib/yui-rpc.js"></script>

<!-- InputEx with wirable options (WirableField-beta)test -->
<script src="wireit/lib/inputex/js/inputex.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/Field.js"  type='text/javascript'></script>
<script src="wireit/js/util/inputex/WirableField-beta.js" type="text/javascript"></script>
<script src="wireit/lib/inputex/js/Group.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/Visus.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/StringField.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/Textarea.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/SelectField.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/EmailField.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/UrlField.js"  type='text/javascript'></script>
<script src="extended/ListField.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/CheckBox.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/InPlaceEdit.js"  type='text/javascript'></script>
<script src="wireit/lib/inputex/js/fields/MenuField.js"  type='text/javascript'></script>

<!-- WireIt -->
<!--[if IE]><script type="text/javascript" src="wireit/lib/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="wireit/js/WireIt.js"></script>
<script type="text/javascript" src="wireit/js/CanvasElement.js"></script>
<script type="text/javascript" src="wireit/js/Wire.js"></script>
<script type="text/javascript" src="wireit/js/Terminal.js"></script>
<script type="text/javascript" src="wireit/js/util/DD.js"></script>
<script type="text/javascript" src="wireit/js/util/DDResize.js"></script>
<script type="text/javascript" src="wireit/js/Container.js"></script>
<script type="text/javascript" src="wireit/js/ImageContainer.js"></script>
<script type="text/javascript" src="wireit/js/Layer.js"></script>
<script type="text/javascript" src="wireit/js/util/inputex/FormContainer-beta.js"></script>
<script type="text/javascript" src="wireit/js/LayerMap.js"></script>
<script type="text/javascript" src="wireit/js/WiringEditor.js"></script>


<script type="text/javascript" src="extbaseModeling.js"></script>
<script>
// InputEx needs a correct path to this image
inputEx.spacerUrl = "wireit/lib/inputex/images/space.gif";

YAHOO.util.Event.onDOMReady( function() {
	var editor = new WireIt.WiringEditor(extbaseModeling_wiringEditorLanguage);
	// editor.onHelp();
});
</script>


</head>

<body class="yui-skin-sam">

	<div id="top">
		<div class="logo"><center>Extension Builder</center></div>
		<div class="topright"><!--  Username could go here... --></div>
	</div>

	<div id="left">
		<div id="propertiesForm"></div>
	</div>

	<div id="right">
		<h2>Code generation related stuff here</h2>
	</div>

	<div id="center">
		<div id="moduleBar"></div>
		<div id="modelingLayer"></div>
	</div>


	<div id="bottom">
		<center><div id="toolbar"></div></center>
	</div>


	<div id="helpPanel">
	    <div class="hd">Extbase Modeling - a builder for extbase based extensions</div>
	    <div class="bd" style="text-align: left;">
	        <p>This is the Extbase Modeling interface.</p>
			<br />
			<p>View <a href="http://www.infoq.com/presentations/model-to-work-evans" target="_new">Putting the Model to Work</a> and <a href="http://www.infoq.com/presentations/strategic-design-evans" target="_new">Strategic Design</a> by Eric Evans <br /> to get an introduction into Domain Driven Design (DDD).</p>
			<br />
	    </div>
	</div>


</body>
</html>